<!DOCTYPE HTML>
<html>

<head>
	<title>ccblog的个人空间</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<!--start slider -->
	<link rel="stylesheet" href="css/fwslider.css" media="all">
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<script src="js/css3-mediaqueries.js"></script>
	<script src="js/fwslider.js"></script>
	<script type="text/javascript" src="js/jquery-hover-effect.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function () {
			jQuery(function () {
				jQuery('ul.da-thumbs > li').hoverdir();
			});
		});
	</script>
	<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
	<script src="chr.js"></script>
	<!--nav-->
</head>

<body>
	<div class="header_bg">
		<div class="wrap">
			<div class="header">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt="" /></a>
				</div>
				<div class="cssmenu">
					<ul>
						<li><a href="index.html">主页</a></li>
						<li><a href="portfolio.html">兴趣</a></li>
						<li><a href="service.html">动态</a>
							<ul>
								<li class="has-sub"><a href="portfolio.html">兴趣</a></li>
								<li class="has-sub"><a href="contact.html">联系我们</a></li>
								<li class="has-sub"><a href="staff.html">图像馆</a></li>
							</ul>
						</li>
						<li><a href="staff.html">图像馆</a></li>
						<li class="active"><a href="blog.html">博客</a></li>
						<li class="last"><a href="contact.html">联系我们</a></li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="clear"></div>
				<div class="top-nav">
					<nav class="clearfix">
						<ul>
							<li><a href="index.html">主页</a></li>
							<li><a href="portfolio.html">兴趣</a></li>
							<li><a href="service.html">动态</a></li>
							<li><a href="staff.html">图像馆</a></li>
							<li class="has-sub"><a href="index.html">主页</a></li>
							<li><a href="feature.html">发展愿景</a></li>
							<li><a href="blog.html">博客</a></li>
							<li class="last"><a href="contact.html">联系</a></li>
						</ul>
						<a href="#" id="pull">菜单</a>
					</nav>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<!-- start mian -->
	<div class="main_bg">
		<div class="wrap">
			<div class="main">
				<div class="blog">
					<!-- end popup -->
					<div class="blog_list">
						<h5>都市的霓虹&nbsp;<a href="index.html">2023-05-01</a></h5>
						<div class="blog_para">
							<p class="para"><a class="popup-with-zoom-anim" href="#small-dialog"><img src="images/blog1.jpg" alt=""></a>
							此处省略一万字……
							<br>
							<br>
							<br>
							<br>
							<br>
							</p>
							<div class="read_more1">
								<a class="btn_s" href="portfolio.html">更多</a>
							</div>
							<div class="clear"></div>
						</div>
					</div>
					<div class="blog_list">
						<h5>雨夜&nbsp;<a href="index.html">2023-05-01</a></h5>
						<div class="blog_para">
							<p class="para"><a class="popup-with-zoom-anim" href="#small-dialog"><img src="images/blog2.jpg" alt=""></a>
							此处省略一万字……
							<br>
							<br>
							<br>
							<br>
							<br>
							</p>
							<div class="read_more1">
								<a class="btn_s" href="portfolio.html">更多</a>
							</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="blog_list">
						<h5>电影合集&nbsp;<a href="index.html">2023-05-01</a></h5>
						<div class="blog_para">
							<p class="para"><a class="popup-with-zoom-anim" href="#small-dialog"><img src="images/blog3.jpg" alt=""></a>
							此处省略一万字……
							<br>
							<br>
							<br>
							<br>
							<br>
							</p>
							<div class="read_more1">
								<a class="btn_s" href="portfolio.html">更多</a>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- start footer  -->
	<div class="footer_bg">
		<div class="wrap">
			<div class="footer">
				<div class="span_of_4">
					<div class="span1_of_4">
						<h2>近期活动</h2>
						<ul class="f_nav1">
							<li><a href=""></a></li>
							<li><a href=""></a></li>
							<li><a href=""></a></li>
							<li><a href=""></a></li>
							<li><a href=""></a></li>

						</ul>
					</div>
					<div class="span1_of_4">
						<h2>近期评论</h2>
						<ul class="f_nav1">
							<li><a href=""></a></li>
							<li><a href=""></a></li>
							<li><a href=""></a></li>
							<li><a href=""></a></li>
							<li><a href=""></a></li>
						</ul>
					</div>
					<div class="span1_of_4">
						<h2>标签</h2>
						<ul class="f_nav2">
							<li><a href="">小清晰</a></li>
								<li><a href="">欧巴</a></li>
								<li><a href="">文艺青年</a></li>
								<li><a href="">呆萌</a></li>
								<li><a href="">演员</a></li>
								<li><a href="">艺人</a></li>
								<li><a href="">金牛座</a></li>
						</ul>
					</div>
					<div class="span1_of_4">
						<h2>aboutus</h2>
						<p class="f_para">想要知道更多，全网搜索</p>
						<div class="search">
							<form>
								<input type="text" value="" placeholder="search...">
								<input type="submit" value="">
							</form>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="footer_btm">
					<div class="copy">
						<p class="w3-link">SUN&copy;版权所有</a></p>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>

</body>

</html>